<ui:composition
      xmlns="http://www.w3.org/1999/xhtml" xmlns:ui="http://java.sun.com/jsf/facelets" 
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core" 
      xmlns:p="http://primefaces.org/ui">
      
    
		<div class="div_formulario" >
		<p:growl id="mensajero" showDetail="true" />
			
		<p:panelGrid id="gridPopupIncidencia" layout="grid" styleClass="ui-panelgrid" >
			
			<p:row>
				<p:column colspan="4">
					<p:outputLabel value="REGISTRO DE INCIDENCIA "/>
				</p:column>
			</p:row>
			<p:row>
				<p:column >
					<p:outputLabel value="Tipo Incidencia"/>
				</p:column>
				<p:column colspan="3" >							
					<p:selectOneMenu   id="idEstado" value="#{registroIncidenciasBean.incidencia.idEstadoIncidencia}"  >
						<f:selectItems value="#{repositorioDatos.listaEstadosIncidencia}" var="estado" itemLabel="#{estado.nomEstado}" itemValue="#{estado.idEstado}"/>
					</p:selectOneMenu>									
				</p:column>
			</p:row>
			<p:row>
				<p:column style="height:60px;" >
					<p:outputLabel value="Motivo de Incidencia"/>
				</p:column>
				<p:column  colspan="3">						
					<p:selectOneMenu   id="idMotivo" value="#{registroIncidenciasBean.incidencia.idMotivoIncidencia}"  >
						<f:selectItems value="#{repositorioDatos.listaMotivosIncidencia}"/>
					</p:selectOneMenu>
				</p:column>
			</p:row>
			<p:row>
				<p:column >
					<p:outputLabel value="Inicio"/>
				</p:column>
				<p:column  >		
					<p:calendar id="fecInicio" size="15" value="#{registroIncidenciasBean.incidencia.fechaInicio}" 
						pattern="dd/MM/yyyy" maxdate="#{repositorioDatos.maxDate}" navigator="true" yearRange="c-30:c+00"/>				
				</p:column>
				
				<p:column >
					<p:outputLabel value="Fin"/>
				</p:column>
				<p:column >						
					<p:calendar id="fecFin" size="15" value="#{registroIncidenciasBean.incidencia.fechaFin}" 
						pattern="dd/MM/yyyy" maxdate="#{repositorioDatos.maxDate}" navigator="true" yearRange="c-30:c+00"/>			
				</p:column>
			</p:row>
			<p:row>
				<p:column >
					<p:outputLabel value="Numero Resolucion"/>
				</p:column>
					<p:column >						
					<p:inputText  size="15" id="numResolucion" value="#{registroIncidenciasBean.incidencia.numeroResolucion}"/>						
				</p:column>
				
				<p:column >
					<p:outputLabel value="Archivo Resolucion"/>
				</p:column>
				<p:column >						
					<p:inputText  size="15" id="archivoResolucion" value="#{registroIncidenciasBean.incidencia.archivoResolucion }"/>						
				</p:column>
			</p:row>
			<p:row>
				<p:column >
					<p:outputLabel value="Fecha Resolucion"/>
				</p:column>
				<p:column >		
						<p:calendar id="fecResolucion" size="15" value="#{registroIncidenciasBean.incidencia.fecResolucion}" 
							pattern="dd/MM/yyyy" maxdate="#{repositorioDatos.maxDate}" navigator="true" yearRange="c-30:c+00"/>						
				</p:column>
				
				<p:column >					
				</p:column>
			</p:row>

			<p:row>
				<p:column >
					<p:outputLabel value="Observaciones"/>
				</p:column>
					<p:column colspan="3">						
					<p:inputTextarea id="observaciones" value="#{registroIncidenciasBean.incidencia.observacionIncidencia}" cols="50"/>
				</p:column>
			</p:row>
			
			
			
			<!--  ===  ZONA DE CONFIRMACION  ===   -->
			<p:row>
				<p:column style="text-align:center "  colspan="4">						
					<p:commandButton value="#{rbSirenasUI['sirenas.ui.general.boton.guardar.label']}" update="mensajeroInc listaIncidencias"
						actionListener="#{registroIncidenciasBean.guardarRegistroIncidencia}" styleClass="ui-icon-disk"  
						icon="ui-icon-disk" onclick="PF('bui').show()" oncomplete="PF('bui').hide()">
							<p:confirm header="#{rbSirenasUI['sirenas.ui.mensajes.confirmacion.header']}" 
								message="#{rbSirenasUI['sirenas.ui.mensajes.confirmacion.general']}" icon="ui-icon-alert"/>
					</p:commandButton>
					<p:spacer width="10"/>
					<p:commandButton value="#{rbSirenasUI['sirenas.ui.general.boton.cancelar.label']}" 
		    			actionListener="#{registroIncidenciasBean.cerrarRegistroPopup}"   icon="ui-icon-closethick"/> 
			    		
					<p:confirmDialog global="true" showEffect="fade" hideEffect="explode" style="text-align:center">					
						<p:panelGrid>
							<p:row>
								<p:column colspan="2">
									<h:outputLabel value="#{rbSirenasUI['sirenas.ui.mensajes.generacion.confirmacion.incidencia']}" />
								</p:column>
							</p:row>
							<p:row>
								<p:column style="text-align:center">
									<p:commandButton value="#{rbSirenasUI['sirenas.ui.mensajes.confirmacion.no']}" type="button" styleClass="ui-confirmdialog-no" icon="ui-icon-close" />
								</p:column>
								<p:column style="text-align:center">
									<p:commandButton value="#{rbSirenasUI['sirenas.ui.mensajes.confirmacion.si']}" type="button" styleClass="ui-confirmdialog-yes" icon="ui-icon-check" />
								</p:column>
							</p:row>
						</p:panelGrid>
					</p:confirmDialog>
					
					<p:blockUI block="gridPopupIncidencia" widgetVar="bui">
			        	PROCESANDO<br />
			        	<p:graphicImage value="recursos/imagenes/ajaxloadingbar.gif"/>
			    </p:blockUI>
				</p:column>				
			</p:row>
			
		</p:panelGrid>
	</div>
</ui:composition>